<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/shujue.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2876169_ezv75hgfgru.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/popper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <title>Document</title>
    <style>
        
    </style>
</head>

<body class="bg-light">
  <!-- 页头 -->
  <div class="zdy-head">
    <div class="container-fluid d-flex">
      <!-- logo -->
      <div class="logo">
        <h5 class="text-center ">VCG.COM</h5>
        <p class="text-center">视觉中国旗下网站</p>
      </div>
      <!-- 菜单 -->
      <div class="meun d-md-block d-none">
        <ul class="d-flex">
          <li>
            <a href="#">图片<i class="iconfont icon-xiangxiajiantou"></i></a>
            <div>
              <ul>
                <li><a href="#">插图</a></li>
                <li><a href="#">汽车图库</a></li>
                <li><a href="#">灵感专题</a></li>
                <li><a href="#">Getty专区</a></li>
                <li><a href="#">Corbis专区</a></li>
              </ul>
            </div>

          </li>
          <li><a href="#">视频</a></li>
          <li><a href="#">字体</a></li>
          <li><a href="#">音乐</a></li>
          <li>
            <a href="#">智能服务<i class="iconfont icon-xiangxiajiantou"></i></a>
            <div>
              <ul>
                <li><a href="#">AI Lab</a></li>
                <li><a href="#">视觉云库</a></li>
                <li><a href="#">API</a></li>
                <li><a href="#">轻设计</a></li>
              </ul>
            </div>
          </li>
          <li><a href="#">整体营销</a></li>
          <li><a href="#">❤公益</a></li>
        </ul>
      </div>
      <!-- icon -->
      <div class="icon">
        <a href="#"><i class="iconfont icon-lianxidianhua"></i></a>
        <a href="#"><i class="iconfont icon-wenjianjia"></i></a>
        <a href="#"><i class="iconfont icon-yunxiazai"></i></a>
        <a href="#"><i class="iconfont icon-wo"></i></a>
      </div>
      <!-- 登录 -->
      <div class="dl d-md-block d-none">
        <ul>
          <a href="#">注册</a>
          <button class="btn btn-outline-white">登录</button>
        </ul>

      </div>
    </div>
  </div>
        <!-- 轮播图和输入框 -->
        <div class="zdy-all"> 
         <!-- 轮播图 -->
        <div class="zdy-carousel">
            <div class="carousel slide" data-ride="carousel" id="banner">
                <!-- 展示区 -->
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="../../pic/桌面1.jpg" alt="" class="w-100">
                    </div>
                    <div class="carousel-item">
                        <img src="../../pic/桌面2.jpg" alt="" class="w-100">
                    </div>
                    <div class="carousel-item">
                        <img src="../../pic/桌面3.jpg" alt="" class="w-100">
                    </div>
                    <div class="carousel-item">
                        <img src="../../pic/桌面4.jpg" alt="" class="w-100">
                    </div>
                    <div class="carousel-item">
                        <img src="../../pic/桌面5.jpg" alt="" class="w-100">
                    </div>
                    <!-- 左右切换区 用a标签关联整个轮播图,用轮播的id-->
                    <a href="#banner" class="carousel-control-prev" data-slide="prev">
                        <span class="carousel-control-prev-icon"></span>
                    </a>
                    <a href="#banner" class="carousel-control-next" data-slide="next">
                        <span class="carousel-control-next-icon"></span>
                    </a>
                    <!-- 下方控制符区 -->
                    <ul class="carousel-indicators">
                        <li class="active" data-target="#banner" data-slide-to="0"></li>
                        <li data-target="#banner" data-slide-to="1"></li>
                        <li data-target="#banner" data-slide-to="2"></li>
                        <li data-target="#banner" data-slide-to="3"></li>
                        <li data-target="#banner" data-slide-to="3"></li>

                    </ul>
                </div>
            </div>
        </div>
            <!-- 输入框 -->
        <div class="zdy-input bg-white d-flex m-auto ">
            <!-- 下拉菜单 -->
            <div class="tu dropdown">
                <p class="dropdown-toggle" data-toggle="dropdown">图片</p>
                  <div class="dropdown-menu">
                    <a href="#" class="dropdown-item">图片</a>
                    <a href="#" class="dropdown-item">插画/矢量</a>
                    <a href="#" class="dropdown-item">视频</a>
                    <a href="#" class="dropdown-item">音乐</a>
                    <a href="#" class="dropdown-item">字体</a>
                  </div>
                </div>
         <input type="text" placeholder="查找图片" class="w-75">
         <a href="#" class="w"><img src="../../pic/icon_xh3yi721x8/guangquan.png" alt=""></a>
         <a href="#" class="w"><img src="../../pic/icon_xh3yi721x8/camera.png" alt=""></a>
         <div class="chaxun">
         <img src="../../pic/icon_xh3yi721x8/chaxun.png" alt="">
         </div>
    </div>
</div>
    <!-- 腰 -->
    <div class="zdy-yao">
        <img src="../../pic/条图.png" alt="">
    </div>
    <!-- 介绍 -->
    <div class="zdy-service mt-3 mb-3">
        <div class="container">
          <div class="row">
            <div class="zdy-p text-center col-3 pt-5 pb-5">
              <img src="../../pic/icon_xh3yi721x8/素材.png" alt="">
              <div>
                 <p class="m-0">全球高端视觉素材</p>
              <p>包含图片、视频、音乐、字体</p>
              </div>
            </div>
            <div class="zdy-p text-center col-3 pt-5 pb-5">
              <img src="../../pic/icon_xh3yi721x8/AI.png" alt="">
              <p class="m-0">先进的人工智能</p>
                  <p>技术图像识别、自动标签等智能服务</p>
            </div>
            <div class="zdy-p text-center col-3 pt-5 pb-5">
              <img src="../../pic/icon_xh3yi721x8/shouquan.png" alt="">
              <p class="m-0">灵活多样的授权方式</p>
              <p>各种套餐与行业解决方案</p>
                  
            </div>
            <div class="zdy-p text-center col-3 pt-5 pb-5">
              <img src="../../pic/icon_xh3yi721x8/tupian.png" alt="">
              <p class="m-0">高清无水印小样图</p>
                <p>先授权后使用，请联系客服人员</p>
            </div>
          </div>
        </div>
      </div>
    <!-- 注册 -->
    <div class="zdy-btn d-md-none d-block">
        <button class="btn btn-danger d-block d-md-none">立即注册</button>
    </div>
    <hr>
    <!-- 图组 -->
    <div class="group">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 col-12">
                    <div class="cord">
                        <img src="../../pic/微信图片1_.jpg" alt="">
                    <div class="cord-body">
                        <h2>图片</h2>
                        <p>-全球优质图片应有尽有-</p>
                    </div>
                    </div>
                    
                </div>
                <div class="col-md-6 col-12">
                    <div class="cord">
                        <img src="../../pic/微信图片_5.jpg" alt="">
                    <div class="cord-body">
                        <h2>音乐</h2>
                        <p>-有保障的版权音乐-</p>
                    </div>
                    </div>
                    
                </div>
                <div class="col-md-6 col-12">
                    <div class="cord">
                        <img src="../../pic/微信图片6.jpg" alt="">
                    <div class="cord-body">
                        <h2>视频</h2>
                        <p>-为您的项目添砖加瓦-</p>
                    </div>
                    </div>
                    
                </div>
                <div class="col-md-6 col-12">
                    <div class="cord">
                        <img src="../../pic/微信图片_4.jpg" alt="">
                    <div class="cord-body">
                        <h2>矢量图</h2>
                        <p>-矢量插画、模版、背景、元素、icon-</p>
                    </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- 循环图 -->
    <div class="qy">
        <h2>成为全球40万签约供稿人中的一员</h2>
        <div></div>
    </div>
    <div class="xh">
           <div class="box">
        <ul>
          <li>
            <img src="../../pic/微信图片_3.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_4.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_5.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_2.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_3.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_4.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_5.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_2.jpg" alt="">
          </li>
        </ul>
      </div>
      <div class="box">
        <ul>
          <li>
            <img src="../../pic/微信图片_5.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片1_.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_4.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_2.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_5.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片1_.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_4.jpg" alt="">
          </li>
          <li>
            <img src="../../pic/微信图片_2.jpg" alt="">
          </li>
        </ul>
      </div> 
    </div>

    <!-- 结束 -->
    <div class="end bg-dark">
        <div class="container-fluid">
            <div class="meun">
                <ul class="item">
                    <li>关于我们</li>
                    <li>招聘信息</li>
                    <li>授权信息</li>
                    <li>网站条款</li>
                    <li>更多信息</li>
                </ul>
            </div>
            <div>
                <p>违法和不良信息举报电话：400-818-2525   举报邮箱：jubao@vcg.com</p>
            </div>
        </div>
    </div>

    <!-- 固定 -->
    <div class="zdy-fixed">
        <div class="a"><img src="../../pic/icon_xh3yi721x8/kefu.png" alt=""></div>
        <div class="b"><img src="../../pic/icon_xh3yi721x8/电话bl.png" alt=""></div>
        <div class="c"><img src="../../pic/icon_xh3yi721x8/erweima1688.png" alt=""></div>
        <a href="#" class="d"><i class="iconfont icon-zhiding"></i></a>
    </div>



</body>

</html>